<template>
	<view>
		<NavBar></NavBar>
		<view class="title">
			<text>注册成功</text>
		</view>
		<view class="nav">
			<image src="../../../static/icon/xx.png" alt="">
				<text>获得线下角色</text>
		</view>
		<view class="btn">
			<image src="/static/logo.png" alt="">
				<u-button type="success" @click="goNavto()">前往登录</u-button>
		</view>
		<!-- 	<view class="box">

			<u-form :model="form" ref="uForm">
				<u-form-item label="信息类型" label-width="130rpx" :border-bottom=false>
					<u-radio-group v-model="form.value" @change="radioGroupChange(form.value)">
						<u-radio @change="radioChange(form.value)" v-for="(item, index) in list" :key="index"
							:name="item.name" :disabled="item.disabled">
							{{item.name}}
						</u-radio>
					</u-radio-group>
				</u-form-item>
				<view class="zstext">注：非英雄克员工可不填工号</view>
				<u-form-item label="姓名" :border-bottom=false>
					<u-input v-model="form.name" :border="true" height="0rpx" />
				</u-form-item>
				<u-form-item label="手机号" label-width="100rpx" :border-bottom=false>
					<u-input v-model="form.ipone" :border="true" height="0rpx" />
				</u-form-item>
				<u-form-item label="工号" :border-bottom=false>
					<u-input v-model="form.userId" :border="true" height="0rpx" />
				</u-form-item>
				<u-form-item label="密码" :border-bottom=false>
					<u-input v-model="form.password" :border="true" height="0rpx" />
				</u-form-item>
				<u-form-item label="确认密码" label-width="130rpx" :border-bottom=false>
					<u-input v-model="form.repassword" :border="true" height="0rpx" />
				</u-form-item>
				<u-form-item label="地区">
					<u-input :border="true" height="0rpx" v-model="form.region" type="select" placeholder="请选择地区"
						@click="pickerShow = true"></u-input>
					<u-picker mode="region" @confirm="regionConfirm" v-model="pickerShow"
						:area-code='["13", "1303", "130304"]'></u-picker>
				</u-form-item> -->




		<!-- </u-form> -->

	</view>
	</view>
</template>

<script>
	import NavBar from '@/components/NavBar-a.vue'
	export default {
		components:{
			NavBar
		},
		onShow() {
			// console.log(this.$route)
		},
		data() {
			return {
				form: {
					name: '',
					ipone: '',
					userId: '',
					password: '',
					repassword: '',
					sex: '',
					region: '深圳',
					value: '',
				},

				pickerShow: false,
				list: [{
						name: '英雄克员工',
						disabled: false
					},
					{
						name: '非员工',
						disabled: false
					},

				],
			};
		},
		methods: {

			goNavto() {
				uni.navigateTo({
					url: "/pages/LoginRegistration/accountLogin/accountLogin"
				})
			},
			// 	// 地址回调
			// 	regionConfirm(e) {
			// 		this.form.region = e.province.label + '-' + e.city.label + '-' + e.area.label;
			// 	},
			// 	// 选中某个单选框时，由radio时触发
			// 	radioChange(e) {
			// 		// console.log('radio')
			// 		// console.log(e);
			// 	},
			// 	// 选中任一radio时，由radio-group触发
			// 	radioGroupChange(e) {
			// 		// console.log('Group')
			// 		console.log(e);
			// 	}

		}
	};
</script>

<style scoped lang="scss">
	uni-page-body {
		height: 100%;

		.btn {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin-top: 100rpx;
			.u-btn--success[data-v-3bf2dba7] {
				color: #ffffff;
				border-radius: 80rpx;
				/* border-color: #19be6b; */
				margin-top: 80rpx;
				background-color: #9c27b0;
			}
			.u-success-hover[data-v-3bf2dba7] {
			background: #9c27b0 !important;
			}

		}

		.nav {
			display: flex;
			justify-content: center;
			align-items: center;

			image {
				margin-right: 8rpx;
				width: 30rpx;
				height: 30rpx;
			}
		}

		.u-radio-group[data-v-4a02ae53] {
			flex-wrap: nowrap;
		}

		.zstext {
			font-size: 12rpx;
			margin: 0px;
			padding: 0px;
			color: darkgray;
			margin-left: 150rpx;
		}

		// background: linear-gradient(#7a52c0, #d7d7d7) no-repeat;
		.title {
			text-align: center;
			line-height: 100rpx;
			font-size: 60rpx;
			color: #7a52c0;
		}

		.box {
			.send {
				position: absolute;
				right: 50rpx;

				uni-button {
					border-radius: 100rpx;
					height: 92rpx;
					line-height: 92rpx;
					color: #fff;
					width: 144rpx;
					background: #673ab7cf;
					font-size: 28rpx;
				}
			}

			// .box2-a {
			// 	width: 94%;
			// 	height: 30rpx;
			// 	background-color: lightgray;
			// 	border-radius: 0rem 0rem 20rpx 20rpx;
			// 	opacity: 0.4;
			// 	position: absolute;
			// 	left: 3%;
			// 	bottom: -30rpx;
			// }

			.u-input--border[data-v-fdbb9fe6] {
				border-radius: 100rpx;
				height: 60rpx;
				box-sizing: border-box;
				padding-top: 8rpx !important;
				margin-left: 10rpx;
			}

			.username {
				font-size: 18px;
				display: flex;
				align-items: center;

				image {
					width: 16px;
					height: 16px;
					margin-right: 4px;
				}
			}

			.password {
				font-size: 18px;
				display: flex;
				align-items: center;
				margin-top: 30px;

				image {
					width: 16px;
					margin-right: 4px;
					height: 16px;
				}
			}

			.sms {
				display: flex;
				justify-content: end;
				color: #7a52c0;
				padding: 6% 0;
			}

			box-sizing: border-box;
			padding: 48rpx;
			padding-top: 40rpx;
			box-shadow: 0px 0px 27px -11px;
			position: absolute;
			background: #fff;
			width: 80%;
			height: 84%;
			border-radius: 5%;
			top: 10%;
			left: 10%;

			.btnA {

				width: 60%;
				margin: 0px auto;
				margin-top: 40%;

				uni-button {
					border-radius: 64rpx;
					background: linear-gradient(#7a52c0, #d7d7d7) no-repeat;
				}
			}

			.btnB {
				width: 60%;

				uni-button {
					margin-top: 20rpx;
					border-radius: 32px;
					color: #7a52c0;
				}

				margin: 0px auto;
			}
		}
	}
</style>
